// a注册事件切换两个盒子
$('.box a').on('click', function () {
    // 切换前清空value值
    $('.form-control').val('');
    $(this).parents('.box').hide().siblings('.box').show();
})

// 比如，验证一个用户名和密码
function test() {
    return {
        fields: {
            username: { // 这里username是 input 的name属性值，表示对这个输入框进行验证
                validators: {
                    notEmpty: {   //不能为空
                        message: '用户名不能为空.'
                    },
                    stringLength: {   //检测长度
                        min: 2,
                        max: 15,
                        message: '用户名需要2~15个字符'
                    }
                }
            },
            password: {
                validators: {
                    notEmpty: {
                        message: '密码不能为空'
                    },
                    stringLength: {   //检测长度
                        min: 6,
                        max: 15,
                        message: '密码需要6~15个字符'
                    }
                }
            }
        }
    }
}

// 语法：
// $('表单').bootstrapValidator(上面的验证函数()).on('success.form.bv', function (e) {}

// 比如，注册
$('.register form').bootstrapValidator(test()).on('success.form.bv', function (e) {
    e.preventDefault();
    // 通过验证，这里的代码将会执行。我们将Ajax请求的代码放到这里即可
    axios.post('/api/register', $(this).serialize()).then(result => {
        // console.log(result);
        if (result.data.code === 0) {
            // 弹窗
            toastr.success(result.data.message);
            // 回到登录页面
            $(this).parents('.box').hide().siblings('.box').show();
            // 清空输入框
            $('.form-control').val('');
        }
    })
});

// 登录功能
$('.login form').bootstrapValidator(test()).on('success.form.bv', function (e) {
    e.preventDefault();
    //提交逻辑
    axios.post('/api/login', $(this).serialize()).then(result => {
        console.log(result);
        if (result.data.code === 0) {
            // 跳转页面
            location.href = './index.html'
            // 令牌存储到本地
            localStorage.setItem('token', result.data.token)
        }
    })
});